if $tag_span
  @import "span.styl"

if $tag_fold
  @import "fold.styl"

if $tag_media
  @import "media.styl"

if $tag_link
  @import "link.styl"

if $tag_inline_img
  @import "inline-img.styl"

if $tag_checkbox
  @import "checkbox.styl"

if $tag_note
  @import "note.styl"

if $tag_timeline
  @import "timeline.styl"

if $tag_button
  @import "button.styl"

if $tag_repo
  @import "repo.styl"

if $tag_bubble
  @import "bubble.styl"

if $tag_keyboard
  @import "keyboard.styl"

if $tag_spoiler
  @import "spoiler.styl";

if $tag_card
  @import "card.styl"

.red
  color var(--efu-red)

.green
  color var(--efu-green)

.blue
  color var(--efu-blue)

.yellow
  color var(--efu-yellow)

.pink
  color var(--efu-pink)

.purple
  color var(--efu-purple)

.orange
  color var(--efu-orange)

.bg-red
  background-color var(--efu-red)
  color var(--efu-white)

.bg-green
  background-color var(--efu-green)
  color var(--efu-white)

.bg-blue
  background-color var(--efu-blue)
  color var(--efu-white)

.bg-yellow
  background-color var(--efu-yellow)

.bg-pink
  background-color var(--efu-pink)
  color var(--efu-white)

.bg-purple
  background-color var(--efu-purple)
  color var(--efu-white)

.bg-orange
  background-color var(--efu-orange)
  color var(--efu-white)

.block
  display block

.center
  margin 0 auto

.right
  margin-left auto

.larger
  font-size 1.5rem
  margin 5px

  i
    transform scale(1.5)

.video-container
  display flex
  justify-content center

  iframe
    width 80%
    height 400px

    @media screen and (max-width: 768px)
      width 100%
      height 200px
